$red:"#b55444";
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box
}
html,body,#root,.App{
    height: 100%;
    background: #f8f8f8
}
.warp{
    width: 100%;
    overflow: hidden;
    .gridwrap{
        background: #fff;
        margin: 0;
        padding: 10px 5px;
        width: 100%;;
        justify-content: space-around;
        .griditem{
            padding: 0;
            .iteminput{
                width: 100%;;
            }
            .itembutton{
                min-width: 55px;
                min-height: 32px;
                padding: 0
            }
        }
    }
    .useritem{
        margin-top: 20px;
        .useritemer{
            min-width: 165px;
        }
    }
    .addNewUser{
        margin-top: 15px;
        .usertitle{
            justify-content: flex-end;
            margin-right: 0;
            padding-right: 0;
        }
        .userright{
            text-align: left;
            .inputage{
                width: 100%;
            }
            .chooseage{
                width: 100%;;
            }
        }
        .choosesex{
            width: 182px;
        }
    }
    .nextStep{
        width: 100px;
        position: fixed;
        bottom: 10px;
        left: 50%;
        margin-left: -50px;
    }
}
